<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width"/>-->
    <title>svg</title>
    <style>
        svg {
            margin-right: 1em;
            transform-origin: center;
            /*animation: rot 4s linear infinite*/
        }
        @keyframes rot {
            to {
                transform: rotateZ(1turn);
            }
        }
        /*#circle {
            transform-origin: center;
            animation: rot 1s linear infinite;
            -webkit-filter: drop-shadow(1px 1px 2px gray);
            filter: drop-shadow(1px 1px 2px gray);
            border-radius: 50%;
        }*/
    </style>
</head>
<body>
    <h1>视频图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#play"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pause"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#stop"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#step-forward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#step-backward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fast-backward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fast-forward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#expander"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#compress"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrows-alt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#backward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#forward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#eject"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#play-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#play-circle-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pause-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pause-circle-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#stop-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#stop-circle-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#youtube-play"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#random"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#video-camera"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#volume-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#volume-off"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#volume-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#music"/>
    </svg>
    <h1>用户图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-circle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-plus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-secret"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#user-times"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#users"/>
    </svg>
    <h1>手机图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#battery"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#battery-0"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#battery-1"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#battery-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#battery-3"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bell"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bell-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bell-slash"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bell-slash-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#camera"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#camera-retro"/>
    </svg>
    <h1>文本图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#folder"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#folder-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#folder-open"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#folder-open-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#align-center"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#align-justify"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#align-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#align-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bold"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chain"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chain-broken"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#clipboard"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#columns"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#copy"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cut"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#dedent"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#eraser"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-text"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-text-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#files-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#floppy-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#font"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#header"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#indent"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#italic"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#list"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#list-alt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#list-ol"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#list-ul"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#paperclip"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#paragraph"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#repeat"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#rotate-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#strikethrough"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#subscript"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#superscript"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#table"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#text-height"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#text-width"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#th"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#th-large"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#th-list"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#underline"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-archive-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-audio-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-code-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-excel-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-image-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-movie-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-pdf-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-powerpoint-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#file-word-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pencil"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pencil-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pencil-square-o"/>
    </svg>
    <h1>手势图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-grab-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-lizard-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-o-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-o-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-o-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-o-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-paper-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-peace-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-pointer-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-scissors-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hand-spock-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thumbs-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thumbs-o-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thumbs-o-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thumbs-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#handshake-o"/>
    </svg>
    <h1>缓冲图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#circle-o-notch"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#config"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#refresh"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#spinner"/>
    </svg>
    <h1>交通图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ambulance"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#automobile"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bicycle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cab"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fighter-jet"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#motorcycle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#plane"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#rocket"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ship"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#space-shuttle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#subway"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#train"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#truck"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wheelchair"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wheelchair-alt"/>
    </svg>
    <h1>表单图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#check-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#check-square-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#circle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#dot-circle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#minus-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#minus-square-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#plus-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#plus-square-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#square-o"/>
    </svg>
    <h1>图表图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#area-chart"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bar-chart"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#line-chart"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#pie-chart"/>
    </svg>
    <h1>指向图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-double-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-double-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-double-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-double-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#angle-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-o-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-o-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-o-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-circle-o-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrow-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-square-o-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-square-o-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-square-o-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#caret-square-o-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-circle-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-circle-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-circle-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-circle-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chevron-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#long-arrow-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#long-arrow-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#long-arrow-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#long-arrow-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#exchange"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrows"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrows-h"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#arrows-v"/>
    </svg>
    <h1>window图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#window-close"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#window-close-on"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#window-maximize"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#window-minimize"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#window-retore"/>
    </svg>
    <h1>辅助图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#american-sign-language-interpreting"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#assistive-listening-systems"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#audio-description"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#blind"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#braille"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cc"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#deaf"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#low-vision"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#question-circle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sign-language"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tty"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#universal-access"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#volume-control-phone"/>
    </svg>
    <h1>支付图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#credit-card"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#credit-card-alt"/>
    </svg>
    <h1>商标图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#amazon"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#android"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#apple"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bluetooth"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bluetooth-b"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#chrome"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#css3"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#dropbox"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#edge"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#facebook"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#facebook-official"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#firefox"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#github"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#github-alt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#github-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#google"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#google-plus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#google-plus-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#google-plus-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#html5"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#internet-explorer"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#linux"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#opera"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#qq"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#renren"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#safari"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#skype"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#twitter"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#twitter-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#weibo"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#weixin"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#whatsapp"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wikipedia-w"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#windows"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wordpress"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wpforms"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#youtube"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#youtube-square"/>
    </svg>
    <h1>app图标</h1>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#address-book"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#address-book-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#adjust"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#anchor"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#archive"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#asterisk"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#at"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#balance-scale"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ban"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bank"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#barcode"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bars"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bath"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bed"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#beer"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#binoculars"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#birthday-cake"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bolt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bomb"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#book"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bookmark"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bookmark-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#briefcase"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bug"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#buiding"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#buiding-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bullhorn"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#bullseye"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calculator"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar-check-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar-minus-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar-plus-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#calendar-times-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cart-arrow-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cart-plus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#certificate"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#child"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#circle-thin"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#clock-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#clone"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#close"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cloud"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cloud-download"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cloud-upload"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#code"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#code-fork"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#coffee"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cogs"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#comment"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#comment-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#commentting"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#commentting-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#comments"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#comments-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#compass"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#copyright"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#creative-commons"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#crop"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#crosshairs"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cube"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cubes"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#cutlery"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#dashboard"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#database"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#desktop"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#diamond"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#download"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#drivers-license"/>
    </svg>
        <svg width="100px" height="100px">
        <use xlink:href="./common.svg#drivers-license-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#edit"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ellipsis-h"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ellipsis-v"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#envelope"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#envelope-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#envelope-open"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#envelope-open-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#envelope-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#exclamation"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#exclamation-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#exclamation-triangle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#external-link"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#external-link-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#eye"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#eye-slash"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#eyedropper"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fax"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#feed"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#female"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#film"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#filter"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fire"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#fire-extinguisher"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#flag"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#flag-checkered"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#flag-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#flask"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#frown-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#futhol-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#gamepad"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#gavel"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#gift"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#glass"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#globe"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#graduation-cap"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hashtag"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hdd-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#heart"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#heart-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#heartbeat"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#history"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#home"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hotel"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hourglass"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hourglass-1"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hourglass-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hourglass-3"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#hourglass-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#i-cursor"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#id-badge"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#id-card"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#id-card-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#image"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#inbox"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#industry"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#info"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#info-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#institution"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#key"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#keyboard-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#language"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#laptop"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#leaf"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#lemon-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#level-down"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#level-up"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#lightbulb-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#location-arrow"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#lock"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#magic"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#magnet"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mail-forward"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mail-reply"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mail-reply-all"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#male"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#map"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#map-marker"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#map-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#map-pin"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#map-signs"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#meh-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#microchip"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#microphone"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#microphone-slash"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#minus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#minus-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mobile"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#money"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#moon-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mortar-board"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#mouse-pointer"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#newspaper-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#object-group"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#object-ungroup"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#point-brush"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#paper-plane"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#paper-plane-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#paw"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#percent"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#padcast"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#power-off"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#print"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#puzzle-piece"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#qrode"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#question"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#question-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#quote-left"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#quote-right"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#recycle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#registerd"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#retweet"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#road"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#rss-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#search"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#search-minus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#search-plus"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#server"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#share-alt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#share-alt-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#share-square"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#share-square-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#shield"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#shopping-bag"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#shopping-basket"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#shopping-cart"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#shower"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sign-in"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sign-out"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#signal"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sitemap"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sliders"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#smile-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#snowflake-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-alpha-asc"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-alpha-des"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-amount-asc"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-amount-des"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-numeric-asc"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sort-numeric-des"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#spoon"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#star"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#star-half-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#star-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#star-half"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sticky-note"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sticky-note-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#street-view"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#sun-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tablet"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tag"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tags"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tasks"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#television"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#terminal"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thermometer"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thermometer-0"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thermometer-1"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thermometer-2"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thermometer-3"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#thumb-tack"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#ticket"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#times-circle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#times-circle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#times-rectangle"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#times-rectangle-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tint"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#toggle-off"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#toggle-on"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#trademark"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#trash"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#trash-o"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#tree"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#trophy"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#umbrella"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#unlock"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#unlock-alt"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#upload"/>
    </svg>
    <svg width="100px" height="100px">
        <use xlink:href="./common.svg#wifi"/>
    </svg>
<svg width="100px" height="100px" viewBox="0 0 1556 1556">
        <g transform="translate(0, 1426) scale(1, -1)">
            <path d="M1285 640q0 27 -18 45l-91 91l-362 362q-18 18 -45 18t-45 -18l-91 -91q-18 -18 -18 -45t18 -45l189 -189h-502q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h502l-189 -189q-19 -19 -19 -45t19 -45l91 -91q18 -18 45 -18t45 18l362 362l91 91q18 18 18 45zM1536 640
q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z"></path>
        </g>
    </svg>
    <script>
        var yet;
        var socket = io.connect();
        socket.emit('login', 'hello socketio');

        socket.on('message', receiveMessage);

        socket.on('reload', function () {
            window.location.reload();
        })

        function receiveMessage(data) { 
            console.log(data);
            var now = Date.now();
            calcTime(now, yet);
        }

        function sendMessage() {
            yet = Date.now();
            socket.emit('message', 'the message from client');
        }

        function calcTime(now, yet) {
            if (!yet) {
                return;
            } 
            console.log(now - yet);
        }
    </script>
</body>
</html>